Приветствую,не могу понять почему не работает форма отправки
$(document).ready(function () {
$('#game_start').submit(function () {
$.ajax({
url: "postcontroller.php",
type: "POST",
data: $('#post_login').serialize(),
success: function (response) {
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
});
});
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="media/style/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<main class="color_app">
<div id="row_flex">
<div id="logo_app">
<div id="logo_hav">
<h1 align="center" class="h1_start">Fisherman</h1>
<img src="media/img/logo.png">
</div>
<p align="center" class="p_start">author:AZA</p>
</div>
<div id="flex_bootm"></div>
<div id="flex_form">
<form method="post" id="post_login">
<div id="form_input" class="bottm_iv">
<label class="bottm_iv">Введите ваше имя:</label>
<input type="text" id="name_user" class="color_app" required="required">
</div>
<button id="game_start" type="submit">Начать игру</button>
</form>
</div>
</div>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="media/js/core.js"></script>
</body>
</html>